<template>
  <div>
    <Header>
      <template v-slot:left>
        <span class="iconfont icon-xiangzuo1" @click="$router.back()"></span>
      </template>
      <template v-slot:center>
        <ul class="detail_nav">
            <li>商品</li>
            <li>详情</li>
            <li>评价</li>
        </ul>
      </template>
      <template v-slot:right>
        <span class="iconfont icon-gengduo"></span>
      </template>
    </Header>
    详情页
  </div>
</template>

<script>
import Header from "../components/header.vue";
export default {
  data() {
    return {};
  },

  components: {
      Header,
  },

  methods: {},
};
</script>

<style scoped lang='scss'>
.icon-xiangzuo1{
    font-size: 0.5rem;
    color: #ffab85;
}
.detail_nav{
    width: 3rem;
    height: 0.56rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.3rem;
    color: #fff;
}
.icon-gengduo{
    font-size: 0.5rem;
    color: #ffab85;
}
</style>
